<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>首页</title>
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.6.0/dist/css/bootstrap.min.css" crossorigin="anonymous">
</head>
<body>
    <div style="margin: 40px;width: 500px;float: left">
        <a href="class_list?class=爱情">爱情：</a>
        <ul class="list-group">
            {volist name="data" id="v"}
                <a href="info?id={$v.id}"><li class="list-group-item">{$v.id} 、 {$v.title}</li></a>
            {/volist}
        </ul>
    </div>
    <div style="margin: 40px;width: 500px;float: left">
        <a href="class_list?class=科学">科学：</a>
        <ul class="list-group">
            {volist name="science" id="v"}
            <a href="info?id={$v.id}"><li class="list-group-item">{$v.id} 、 {$v.title}</li></a>
            {/volist}
        </ul>
    </div>
</body>
</html>